<template>
  <!-- 测试按钮；可删除本组件 -->
  <div class="box">
    <h3>按钮尺寸</h3>
    <t-button size="small" @handleClick="click" :icon="add" type="success" iconheight="15px" iconwidth="15px">
      按钮
    </t-button>
    <t-button size="normal" code="123">
      按钮
    </t-button>
    <t-button size="large" backgroundcolor="pink">
      按钮
    </t-button>
    <t-button size="enlarge">
      导出数据
    </t-button>
    <t-button size="maxlarge">
      确定视频
    </t-button>
    <h3>类型样式</h3>
    <t-button :icon="add" iconheight="15px" iconwidth="15px">按钮</t-button>
    <t-button type="primary">
      按钮
    </t-button>
    <t-button type="success">
      按钮
    </t-button>
    <t-button type="error">
      按钮
    </t-button>
    <t-button type="warn">
      按钮
    </t-button>
    <t-button type="info">
      按钮
    </t-button>
    <h3>朴素按钮样式</h3>
    <t-button plain>
      按钮
    </t-button>
    <t-button type="primary" plain>
      按钮
    </t-button>
    <t-button type="success" plain>
      按钮
    </t-button>
    <t-button type="error" plain>
      按钮
    </t-button>
    <t-button type="warn" plain>
      按钮
    </t-button>
    <t-button type="info" plain>
      按钮
    </t-button>
    <h3>禁用样式</h3>
    <t-button disabled>
      按钮
    </t-button>
    <t-button type="primary" disabled>
      按钮
    </t-button>
    <t-button type="success" disabled>
      按钮
    </t-button>
    <t-button type="error" disabled>
      按钮
    </t-button>
    <t-button type="warn" disabled>
      按钮
    </t-button>
    <t-button type="info" disabled>
      按钮
    </t-button>
    <h3>round样式</h3>
    <t-button round>
      按钮
    </t-button>
    <t-button type="primary" round>
      按钮
    </t-button>
    <t-button type="success" round>
      按钮
    </t-button>
    <t-button type="error" round>
      按钮
    </t-button>
    <t-button type="warn" round>
      按钮
    </t-button>
    <t-button type="info" round>
      按钮
    </t-button>
    <h3>link按钮</h3>
    <t-button link>
      链接按钮
    </t-button>
    <h3>图标按钮</h3>
    <t-button circle iconheight="15px" iconwidth="15px"></t-button>
  </div>
</template>
<script lang="ts" setup>
import tButton from '../package/button.vue'
// import add from '../assets/icon-add.png'
const click = () => {
  console.log('1111')
}
</script>

<style>
.box {
  background-color: #fff;
}
</style>
